<%-- 
    Document   : index
    Created on : 04-nov-2011, 18:17:32
    Author     : JAVA
--%>

<%@page import="java.util.List"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>GameBook</title>
    <link href="css/reset.css" type="text/css" rel="stylesheet" />
    <link href="css/index.css" type="text/css" rel="stylesheet" />
</head>

    <body>

    <div class="contenido">
        <div class="titulo">
            <div class="login">
                 <form action="control" method="post" enctype="application/x-www-form-urlencoded" name="registro" target="_self">
                     <input type="hidden" id="opcion" name="opcion" value="login" />
                     <div class="bloqueLogin">
                        <label for="email">Correo electr&oacute;nico:</label>
                        <input class="inputLogin" name="email" type="text" id="email" value="malnuer@gmail.com" />
                     </div>
                     <div class="bloqueLogin">
                        <label for="password">Contrase&ntilde;a:</label>
                        <input class="inputLogin" name="password" type="password" id="password" value="123" />
                     </div>
                    
                    <input class="inputLoginSubmit" name="entrar" type="submit" value="" />
                    <a class="olvidaPass" href="#">¿Olvidaste tu contrase&ntilde;a?</a>
                    
                </form>
            </div>
        </div>
        <div class="registro">
            <form action="control" method="post" name="registro" >
                <input type="hidden" id="opcion" name="opcion" value="registro" />
                <div class="registroTitulo"></div>
                <div class="registroBloque">
                
               
                    <label for="nombreReg">Nombre:</label>
                    <input class="inputLogin" name="nombreReg" type="text" value="<%if(request.getParameter("nombreReg")!=null){out.println(request.getParameter("nombreReg"));}%>" id="nombreReg" />
           
               
                    <label for="apellidosReg">Apellidos:</label>
                    <input class="inputLogin" name="apellidosReg" type="text" value="<%if(request.getParameter("apellidosReg")!=null){out.println(request.getParameter("apellidosReg"));}%>" id="apellidosReg" />
         
               
                    <label for="correoReg">Correo electr&oacute;nico:</label>
                    <input class="inputLogin" name="correoReg" type="text" value="<%if(request.getParameter("correoReg")!=null){out.println(request.getParameter("correoReg"));}%>" id="correoReg" />
            
                    <label for="correoReg2">Confirma tu correo electr&oacute;nico:</label>
                    <input class="inputLogin"name="correoReg2" type="text" value="<%if(request.getParameter("correoReg2")!=null){out.println(request.getParameter("correoReg2"));}%>" id="correoReg2" />
             
             
                    <label for="passwordReg">Contrase&ntilde;a:</label>
                    <input class="inputLogin"name="passwordReg" type="password" value="<%if(request.getParameter("passwordReg")!=null){out.println(request.getParameter("passwordReg"));}%>" id="passwordReg" />
              
                    <label for="sexoReg">Sexo:</label>
                    <select class="select" name="sexoReg" id="sexoReg" > 
                           <option value="">Selecciona...</option>
                           <% 
                           String sexo = request.getParameter("sexoReg");
                           if(sexo!=null){
                               if(sexo.equals("h")){
                                   %>
                                   <option value="h" selected="selected">Hombre</option>
                                   <option value="m" >Mujer</option> 
                                   <%
                               }else if(sexo.equals("m")){
                                   %>
                                   <option value="h" >Hombre</option>
                                   <option value="m" selected="selected">Mujer</option>
                                   <%
                               }else{
                                   %>
                                   <option value="h">Hombre</option>
                                   <option value="m">Mujer</option> <%
                               }
                           }else{
                               %>
                               <option value="h">Hombre</option>
                               <option value="m">Mujer</option> <%
                           }
                           %>

                    </select> 
                    <label>Fecha de nacimiento:</label>
                    <div class="bloqueFecha">
                        <label for="diaReg">D&iacute;a:</label>
                        <select name="diaReg" id="diaReg" >
                        <% 
                        String selected = "";
                        String o = "0";//Variable que uso para agregar el cero(luego se usa para validar una fecha)
                        for(int i=1;i<=31;i++){
                            if(i>=10){
                                o = "";
                            }
                            if(request.getParameter("diaReg")!=null){
                                int dia = Integer.parseInt(request.getParameter("diaReg"));
                                if(dia==i){
                                    selected="selected='selected'";
                                }else{
                                    selected = "";
                                }
                            }
                        %>
                            <option value="<%=o+i%>" <%=selected%> ><%=i%></option>
                        <%
                        }
                        %>
                        </select> 
                        <label for="mesReg">Mes:</label>
                        <select name="mesReg" id="mesReg" > 
                        <% 
                        o = "0";
                        selected = "";
                        for(int i=1;i<=12;i++){
                            if(i>=10){
                                o = "";
                            }
                            if(request.getParameter("mesReg")!=null){
                                int mes = Integer.parseInt(request.getParameter("mesReg"));
                                if(mes==i){
                                    selected="selected='selected'";
                                }else{
                                    selected = "";
                                }
                            }
                        %>
                            <option value="<%=o+i%>" <%=selected%> ><%=i%></option>
                        <%
                        }
                        %>
                        </select> 
                        <label for="anyoReg">A&ntilde;o:</label>
                        <select class="campoAnyo" name="anyoReg" id="anyoReg" >
                        <% 
                        selected = "";
                        for(int i=2005;i>=1900;i--){
                            if(request.getParameter("anyoReg")!=null){
                                int anyo = Integer.parseInt(request.getParameter("anyoReg"));
                                if(anyo==i){
                                    selected="selected='selected'";
                                }else{
                                    selected = "";
                                }
                            }
                        %>
                            <option value="<%=i%>" <%=selected%> ><%=i%></option>
                        <%
                        }
                        %>
                        </select> 
                    </div>                
                </div>
                <input class="inputRegistroSubmit" name="registrarse" type="submit" value="" /> 
            </form>   
        </div>
        <%
        List<String> erroresLogin = (List)request.getAttribute("erroresLogin");
        List<String> mensajesRegistro = (List)request.getAttribute("mensajesRegistro");
        %>
        <%
        if(mensajesRegistro!=null || erroresLogin!=null){
        %>
        <div class="errores">
            <ul>
                    <%
                    if(mensajesRegistro!=null && !mensajesRegistro.isEmpty()){
                        //Si la array de errores existe y no está vacia, procede a mostrarme los errores
                    
                        for (int i = 0; i<mensajesRegistro.size();i++) { 
                            String error = mensajesRegistro.get(i);
                        %>
                            <li><%=error%></li>
                        <%
                        }
                   }
                    
                    if(erroresLogin!=null && !erroresLogin.isEmpty()){
                        //Si la array de errores existe y no está vacia, procede a mostrarme los errores
                        for (String error : erroresLogin) { %>
                            <li><%=error%></li>
                        <%}
                   }
                    %>
            </ul>
        </div>
        <% }
        if(request.getAttribute("registroOk")!=null && request.getAttribute("registroOk").equals("1")){
        %>
        <div class="registroOk">
            <p>Se ha registrado correctamente. Proceda a logearse para acceder
            a nuestra fabulosa red social.</p>
        </div>
        <%
           }
        %>
    </div>

    </body>
</html>
